<template>
	<view class="content">
		<swiper class="swiper" :autoplay="autoplay" :indicator-dots="indicatorDots">
			<swiper-item class="swiper-item" v-for="(item,index) in sList" :key="index">
				<view class="image-content" :style="testStyle">
					<image mode="scaleToFill" :src="item.iconSrc" />
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {
			sList: Array
		},
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				testStyle: {
					background: "#0FAEFF",
				}
			}
		},
		methods: {
			testClikOnFn(eData) {
				this.testOn = eData;
			},
		}
	}
</script>

<style>
	.swiper {
		height: 300upx;
	}

	.swiper-item {
		display: block;
		height: 300upx;
		line-height: 300upx;
		text-align: center;
	}
</style>
